<template>
  <div>
      <div class="text">
    <input type="checkbox" name="" id="" value="" />
    <p class="xieyi">已阅读并同意《航旅纵横用户协议》和《航旅纵隐私声明》</p>
      </div>
      <div class="mid"></div>
      <div class="bot">
          <span class="iconfont icon-zhifubao renzhen"></span>
          <p>支付宝账号登录，享快速注册特权</p>
          <div class="zhifub">
              <span class="iconfont icon-weixin"></span>
              <span class="iconfont icon-zhifubao "></span>
              <span class="iconfont icon-qq"></span>
              <span class="iconfont icon-iphone"></span>
          </div>


      </div>

     
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.text{
    width: 300px;
    margin: auto;
    display: flex;
    margin-top: 10px;
}
.text input{
    margin-top: 5px;
}


.mid{
    width: 300px;
    height: 100px;
    /* background-color:yellow; */
    margin: auto;
}
.bot{
    
    width: 300px;
    margin: auto;
    text-align: center;
}
.bot .renzhen{
    font-size: 30px;
    color:#4d8dee ;
}
.zhifub{
    width: 300px;
    height: 50px;
    /* background-color: paleturquoise; */
    display: flex;
    justify-content: space-between;
   
}
.zhifub span{
    font-size: 30px;
    line-height: 50px;
}
.zhifub span:nth-child(1){
    color: #61af5b;
}
.zhifub span:nth-child(2){
  color:#4d8dee ;
}
.zhifub span:nth-child(3){
   color:gray;
}
.zhifub span:nth-child(1){
    color: #61af5b;
}

</style>